import React from 'react'
// v18写法
import ReactDOM from 'react-dom/client'

// react中组件有两种形式
// 1. 类组件
// 2. 函数组件(现在react开发几乎都是函数组件)

// 定义函数组件
// 注意点: 1. 组件名首字母要大写 2. 必须写return, return后面就是当前组件的jsx结构
// function 组件名() {
//   return jsx结构 / null
// }

// function Test() {
//   return (
//     <div>
//       <h1>我是test组件</h1>
//     </div>
//   )
// }

// 如何定义类组件
// class 组件名 extends React.Component {
//   render() {
//     return jsx / null
//   }
// }

class Test extends React.Component {
  render() {
    return <h3>hello 类组件</h3>
  }
}
// 使用组件
{
  /* <Test></Test>
<Test /> */
}

// v18写法
ReactDOM.createRoot(document.getElementById('root')).render(<Test></Test>)
